<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒子模型</title>
	</head>
	<body>
		<!--
		 学习目标
		 1.能够准确阐述盒子模型的四个组成部分
		 2.能够利用边框符合写法给元素添加边框
		 3.能够计算盒子的实际大小
		 4.能够利用盒子模型布局模块案例
		 5.能够给盒子设置圆角边框
		 6.能够给盒子添加阴影
		 7.能够给文字添加阴影
		 -->
		 <!-- 页面布局要学习三大核心, 盒子模型,浮动和定位,学习好盒子模型能非常好的帮助我们布局页面 -->
		 <!-- 
		 1.先准备好相关的网页元素, 网页元素基本都是盒子box
		 2.利用css设置好盒子样式, 然后拜倒响应位置
		 3.往盒子里面装内容
		  -->
	</body>
</html>
